<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <div class="nav">
        <ul class="nav-ul1">
            <li>中国大陆</li>
            <li style="color: orangered;">亲，请登录</li>
            <li>免费注册</li>
            <li>手机逛淘宝</li>
        </ul>
        <ul class="nav-ul2">
            <li>我的淘宝</li>
            <li>购物车</li>
            <li>收藏夹</li>
            <li>商品分类</li>
            <li>免费开店</li>
            <li>| 千牛卖家中心</li>
            <li>联系客服</li>
            <li>网站导航</li>
        </ul>
    </div>
    <div class="section">
        <div class="banner">
            <img src="./img/logo.jpg" alt="">
            <div class="sec-div">
                <p>宝贝</p>
                <input type="text" placeholder="宽松休闲连衣裙夏" style="border: none;">
                <button>搜索</button>

            </div>
            <ul class="banner-ul">
                <li><a href="">新款连衣裙</a></li>
                <li><a href="">四件套</a></li>
                <li><a href="">潮流T恤</a></li>
                <li><a href="">时尚女鞋</a></li>
                <li><a href="">短裤</a></li>
                <li><a href="">半身裙</a></li>
                <li><a href="">男士外套</a></li>
                <li><a href="">墙纸</a></li>
                <li><a href="">行车记录仪</a></li>
                <li><a href="">新款男鞋</a></li>
                <li><a href="">耳机</a></li>
                <li><a href="">时尚女包</a></li>
                <li><a href="">沙发</a></li>
            </ul>
            <p class="banner-p">去领红包<span></span></p>
        </div>
        <div class="banner1">
            <ul class="ban-ul1">
                <li class="item" style="font-size: 18px;"><a href="" style="color: orangered; padding-left: 10px; font-weight: bold;">主题市场</a>
                    <ul class="item-list">
                        <li><a href="">女装 /</a><a href=""> 内衣 /</a><a href="">家居</a></li>
                        <li><a href="">女鞋 /</a><a href=""> 男鞋 /</a><a href="">箱包</a></li>
                        <li><a href="">母婴 /</a><a href=""> 童装 /</a><a href="">玩具</a></li>
                        <li><a href="">男装 /</a><a href=""> 运动户外</a></li>
                        <li><a href="">美妆 /</a><a href=""> 彩妆</a><a href="">个护</a></li>
                        <li><a href="">手机 /</a><a href=""> 数码 /</a><a href="">企业</a></li>
                        <li><a href="">大家电 /</a><a href=""> 生活电器</a></li>
                        <li><a href="">零食 /</a><a href=""> 生鲜 /</a><a href="">茶酒</a></li>
                        <li><a href="">厨具 /</a><a href=""> 收纳 /</a><a href="">清洁</a></li>
                        <li><a href="">家纺 /</a><a href=""> 家饰 /</a><a href="">鲜花</a></li>
                        <li><a href="">图书音像 /</a><a href=""> 文具</a></li>
                        <li><a href="">医药保健 /</a><a href=""> 进口</a></li>
                        <li><a href="">汽车 /</a><a href=""> 二手车 /</a><a href="">用品</a></li>
                        <li><a href="">房产 /</a><a href=""> 装修家具 /</a><a href="">建材</a></li>
                        <li><a href="">手表 /</a><a href=""> 眼镜 /</a><a href="">珠宝饰品</a></li>
                    </ul>
                </li>
                <li><a href="" style="color: rgb(230, 50, 140); font-weight: bold;">天猫</a></li>
                <li><a href="" style="color: rgb(230, 50, 140); font-weight: bold;">聚划算</a></li>
                <li><a href="" style="color: rgb(28, 214, 59); font-weight: bold;">天猫超市</a></li>
                <li><a href="">|  司法拍卖</a></li>
                <li><a href="">飞猪旅行</a></li>
                <li><a href="">天天特卖</a></li>
                <li><a href="">淘小铺  |</a></li>
                <li><a href="">造点进货</a></li>
                <li><a href="">苏宁易购</a></li>
                <li><a href="">淘宝心选</a></li>
                <li><a href="">智能生活</a></li>
            </ul>
        </div>
        <div class="sec1">
            <img src="./img/2.jpg" alt="">
            <img src="./img/1.jpg" alt="">
            <img src="./img/5.png" alt="">
        </div>
        <div class="sec2">
            <ul>
                <li class="sec2-li"><img src="./img/9.png" alt=""></li>
                <li class="sec2-li1">理想生活上天猫</li>
                <li class="sec2-li2">3/5</li>
                <li class="sec2-li3">今日特卖</li>
            </ul>
        </div>
        <div class="sec3">
            <div class="sec3-div">
                <img class="sec3-div-img1" src="./img/6.jpg" alt="">
                <img class="sec3-div-img2" src="./img/7.jpg" alt="">
                <img class="sec3-div-img3" src="./img/8.jpg" alt="">
            </div>
            <img class="sec3-img" src="./img/10.png" alt="">
        </div>
        <div class="footer">
            <div class="footer-top">
                <img src="./img/a.png" alt="">
            </div>
            <div class="footer-body">
                <ul>
                    <li><img src="./img/b.png" alt=""></li>
                    <li>Pure Cashmere 保暖针织帽</li>
                    <li class="footer-txt">这款针织帽风格休闲可爱，...</li>
                </ul>
                <ul>
                    <li><img src="./img/c.png" alt=""></li>
                    <li>二胎家庭都用这种床</li>
                    <li class="footer-txt">软床质量很好很高档，很喜...</li>
                </ul>
                <ul>
                    <li><img src="./img/d.png" alt=""></li>
                    <li>周大福 简约蛇骨链</li>
                    <li class="footer-txt">极简风格，雅致大气人人皆...</li>
                </ul>
                <ul>
                    <li><img src="./img/e.png" alt=""></li>
                    <li>凯蒂猫的新手机功能真多</li>
                    <li class="footer-txt">Hello，亲爱的小朋友们！...</li>
                </ul>
                <ul>
                    <li><img src="./img/f.png" alt=""></li>
                    <li>便捷2战术防身扇，户外防身</li>
                    <li class="footer-txt">钛扇的整体手感舒适，打扇...</li>
                </ul>
            </div>
            <div class="footer1">
                <img src="./img/123.jpg" alt="">
                <img src="./img/456.jpg" alt="">
                <img src="./img/789.jpg" alt="">
            </div>
        </div>

    </div>
</body>

</html>